<!--
  ~ Copyright (c) 2017, Hugo Freire <hugo@exec.sh>.
  ~
  ~ This source code is licensed under the license found in the
  ~ LICENSE.md file in the root directory of this source tree.
  -->

<div id="recommendations">
  <md-progress-bar [mode]="loadedPage ? 'determinate' : 'indeterminate'"></md-progress-bar>

  <md-card>

    <recommendations-criteria (criteria)="onCriteriaChange($event)"
                              (sort)="onSortChange($event)"></recommendations-criteria>

    <recommendations-list [recommendations]="recommendations"></recommendations-list>

    <md-paginator
      [pageIndex]="currentPage"
      [length]="totalItems"
      [pageSize]="itemsPerPage"
      (page)="getPage($event.pageIndex, $event.pageSize)"
    >
    </md-paginator>
  </md-card>
</div>
